﻿@{
    var siteData = Html.SiteData();
}
<div class="header clearfix">
    <div class="container">
        <div class="row">
            <div class="float-lg-left">
                <a class="logo" href="@Html.SiteUrl()">
                  <img src="@siteData.Logo" />
                </a>
            </div>
            <div class="float-lg-right">
                <div class="nav text-right col-md-right" id="navMenu">
                    @Html.SiteColumnsHtml()
                </div>
            </div>
            <div class="mask-bg" id="maskBg"></div>
            <span class="nav-toggle hidden-lg" id="navToggle"><i class="fa fa-bars"></i></span>
        </div>
    </div>
</div>
<script type="text/javascript">
    var $navToggle = $("#navToggle");//手机端菜单图标
    var $maskBg = $("#maskBg");//遮挡层
    var $navMenu = $("#navMenu");
    $navToggle.on("click", function () {
        $maskBg.addClass("active");
        $navMenu.addClass("active");
    });
    $maskBg.on("click", function () {
        $maskBg.removeClass("active");
        $navMenu.removeClass("active");
    });
    $navMenu.children("ul").find("li").InitNav(@Html.CurrentColumnId(),@Html.TopColumnId());//初始化响应式菜单
</script>

